<div class="container">
  <div class="row mbot30">
    <div class="col-lg-5 col-xs-12 col-centered">

      <div class="row span5 col-centered shop_title">
        <%= link_to fa_icon(["angle-left", "2x"]), wifi_merchant_path(mid: params[:mid], vtoken: params[:vtoken]) %>
        <h4 class="text-center"><strong>店铺活动</strong></h4>
      </div>

      <div class="row span5 col-centered wifi_sections">

        <% @activities.each do |activity| %>
          <section class="panel">
            <header class="panel-heading">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse<%= activity.id %>">
                <% if activity.hot %>
                  <%= image_tag "hu_hot.png", class: "hot_img" %>
                <% end %>
                <h4><%= activity.title %></h4>
                <span class="duration"><%= activity.started_at %> ~ <%= activity.end_at %></span>
                <span class="pull-right detail">详细 <%= fa_icon "angle-double-down" %></span>
              </a>
            </header>
            <div id="collapse<%= activity.id %>" class="panel-collapse collapse">
              <div class="panel-body">
                <% if activity.cover %>  
                  <%= image_tag activity.cover.url(:small) %>
                <% end %>
                <%= activity.description %>
              </div>
            </div>
          </section>
        <% end %>
      </div>
    </div>
  </div>
</div>